/*
  学习目标：组件逻辑复用三种方式-hoc
  本质:
    1. 是一个函数
    2. 函数内部定义组件, 组件内部, 封装逻辑
    3. 接受一个组件, 作为内部组件的子组件
    4. 内部组件, 通过父传子, 复用逻辑
    5. 子组件通过props接收逻辑
 
*/
import React from 'react';
import Footer from './Footer';
import Header from './Header';
import Main from './Main';
import { xxx } from './xxx';

const MyHeader = xxx(Header);
const MyMain = xxx(Main);
const MyFooter = xxx(Footer);

export default function App() {
  return (
    <div>
      <MyHeader />
      <MyMain />
      <MyFooter />
    </div>
  );
}
